<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<jsp:include page="../head.jsp"></jsp:include>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>漫步时尚广场</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">

    <style type="text/css">
        .pic_title {
            background: #ff9c01;
            line-height: 40px;
            font-size: 16px;
            text-indent: 20px;
            text-align: left;
            width: 680px;
            float: left;
            color: #fff;
            margin: 0 10px 10px
        }

        .pic_list {
            float: left
        }

        .pic_list dl {
            float: left;
            width: 152px;
            margin: 0 10px 10px
        }

        .pic_list dl img {
            padding: 5px;
            border: 1px solid #ccc;
            margin-bottom: 10px
        }

        .pic_list dl dd {
            float: left
        }

        .right_nav {
            width: 280px;
            border: 1px solid #eee;
            float: right
        }

        .shop_pic li {
            float: left;
            margin: 0 3px;
            line-height: 20px
        }

        .shop_pic li p {
            text-align: center;
            color: gray
        }

        .shop_pic img {
            border: 1px solid #ccc
        }

        .shop_pic img:hover {
            border: 1px solid #f60
        }
    </style>

</head>
<body>
<!--logo和banner start-->
<table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td height="95"><a href="<%=basePath%>/index"><img src="images/logo.jpg"></a></td>
        <td align="right"><img src="images/banner.jpg"></td>
    </tr>
</table>
<!--logo和banner  end-->
<!--菜单导航 start-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626">
    <tr>
        <td>
            <table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
                <tr>
                    <td width="200">&nbsp;</td>
                    <td width="80" align="center" class="nav_active"><a href="<%=basePath%>/" class="white">首页</a>
                    </td>
                    <td width="100" align="center"><a href="<%=basePath%>/frontend/product/show" class="white">最新上架</a>
                    </td>
                    <td width="100" align="center">品牌活动</td>
                    <td width="100" align="center">原厂直供</td>
                    <td width="80" align="center">团购</td>
                    <td width="100" align="center">限时抢购</td>
                    <td width="100" align="center">促销打折</td>
                    <td width="200" align="center">&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!--菜单导航 end-->
<!--中间部分 start-->
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0" class="padding-top">
    <tr>
        <td width="220" valign="top"><!--购物分类 start-->

            <table width="100%" border="0" cellspacing="1" cellpadding="0" class="table1" bgcolor="#e5e4e1">
                <%-- start orderdetail --%>
                <div class="blank"></div>
                <div class="block clearfix">
                    <div class="location ared">
                        订单详情
                    </div>
                    <div class="blank"></div>
                    <div>
                        <div class="nFlowBox">
                            <table width="99%" align="center" border="0" cellpadding="5"
                                   cellspacing="1" bgcolor="#dddddd">
                                <tr>
                                    <td>订单编号</td>
                                    <td> 商品金额</td>
                                    <td> 状态</td>
                                    <td>订单日期</td>
                                    <td>操作</td>
                                </tr>
                                <tr>
                                    <td>${order.outTradeNo}</td>
                                    <td>${order.mount}</td>
                                    <td>${order.statusName}</td>
                                    <td> ${order.createdTime}</td>
                                    <td>
                                        <a href="<%=basePath%>/frontend/order/delete?id=${order.id}">删除</a><br>
                                        <c:if test="${order.status == 0}">
                                            <a href="<%=basePath%>/frontend/order/pay?id=${order.id}&outTradeNo=${order.outTradeNo}">支付</a>
                                        </c:if>
                                    </td>
                                </tr>
                                <tr>
                                    <th>商品编号</th>
                                    <th>商品名称</th>
                                    <th>商品图片</th>
                                    <th>商品价格</th>
                                    <th>购买数量</th>
                                </tr>
                                <tr>
                                    <td colspan="5" height="15px"
                                        style="border: 0 none; background: #FFF"></td>
                                </tr>
                                <c:forEach var="tail" items="${order.tails}">
                                    <tr>
                                        <td bgcolor="#ffffff" align="center">${tail.product.id}</td>
                                        <td bgcolor="#ffffff" align="center">${tail.product.name}</td>
                                        <td align="center" bgcolor="#ffffff" height="60px"><img
                                                style="width: 50px; height: 50px;"
                                                src="<%=basePath%>${tail.product.imgMain}" border="0"
                                                title="${tail.product.name}"/></td>
                                        <td align="center" bgcolor="#ffffff">${tail.product.finalPrice}</td>
                                        <td align="center" bgcolor="#ffffff">${tail.num}</td>
                                    </tr>
                                </c:forEach>
                            </table>
                        </div>
                    </div>
                </div>
                <%-- end orderdetail --%>
            </table>

        </td>
    </tr>
</table>

<!--底部 start--><Br/>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#6a6665" height="35" class="foot_bg">
    <tr>
        <td class="padding-top">
            <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="20%" align="center"><img src="images/gray1.jpg"></td>
                    <td width="20%" align="center"><img src="images/gray2.jpg"></td>
                    <td width="20%" align="center"><img src="images/gray3.jpg"></td>
                    <td width="20%" align="center"><img src="images/gray4.jpg"></td>
                    <td width="20%" align="center"><img src="images/gray5.jpg"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td bgcolor="#efefef" class="foot_line padding-top">
            <table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
                <tr>
                    <td align="center" valign="top"><img src="images/red1.jpg"><br>
                        <img src="images/line1.jpg"/></td>
                    <td width="15%" valign="top">
                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="font16 padding-bottom">新手指导</td>
                            </tr>
                            <tr>
                                <td>用户注册</td>
                            </tr>
                            <tr>
                                <td>电话下单</td>
                            </tr>
                            <tr>
                                <td>购物流程</td>
                            </tr>
                            <tr>
                                <td>购物保障</td>
                            </tr>
                            <tr>
                                <td>服务协议</td>
                            </tr>
                        </table>
                    </td>
                    <td align="center" valign="top"><img src="images/red2.jpg"><br>
                        <img src="images/line1.jpg"/></td>
                    <td width="15%" valign="top">
                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="font16 padding-bottom">支付方式</td>
                            </tr>
                            <tr>
                                <td>货到付款</td>
                            </tr>
                            <tr>
                                <td>商城卡支付</td>
                            </tr>
                            <tr>
                                <td>支付宝、网银支付</td>
                            </tr>
                            <tr>
                                <td>优惠券抵用</td>
                            </tr>
                        </table>
                    <td align="center" valign="top"><img src="images/red3.jpg"><br>
                        <img src="images/line1.jpg"/></td>
                    <td width="15%" valign="top">
                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="font16 padding-bottom">配送方式</td>
                            </tr>
                            <tr>
                                <td>闪电发货</td>
                            </tr>
                            <tr>
                                <td>满百包邮</td>
                            </tr>
                            <tr>
                                <td>配送范围及时间</td>
                            </tr>
                            <tr>
                                <td>商品验收及签收</td>
                            </tr>
                            <tr>
                                <td>服务协议</td>
                            </tr>
                        </table>
                    </td>
                    <td align="center" valign="top"><img src="images/red4.jpg"><br>
                        <img src="images/line1.jpg"/></td>
                    <td width="15%" valign="top">
                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="font16 padding-bottom">售后服务</td>
                            </tr>
                            <tr>
                                <td>退换货协议</td>
                            </tr>
                            <tr>
                                <td>关于发票</td>
                            </tr>
                            <tr>
                                <td>退换货流程</td>
                            </tr>
                            <tr>
                                <td>退换货运费</td>
                            </tr>
                        </table>
                    </td>
                    <td align="center" valign="top"><img src="images/red5.jpg"><br>
                        <img src="images/line1.jpg"/></td>
                    <td width="15%" valign="top">
                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="font16 padding-bottom">关于帐号</td>
                            </tr>
                            <tr>
                                <td>修改个人信息</td>
                            </tr>
                            <tr>
                                <td>修改密码</td>
                            </tr>
                            <tr>
                                <td>找回密码</td>
                            </tr>
                        </table>
                    </td>
                    <td align="center" valign="top"><img src="images/red6.jpg"><br>
                        <img src="images/line1.jpg"/></td>
                    <td width="15%" valign="top">
                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="font16 padding-bottom">优惠活动</td>
                            </tr>
                            <tr>
                                <td>竞拍须知</td>
                            </tr>
                            <tr>
                                <td>抢购须知</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td bgcolor="#efefef" align="center" class="padding-top">Copyright 2015-2020 Q- Walking Fashion E&S
            漫步时尚广场（QST教育）版权所有<Br/>
            中国青岛 高新区河东路8888号 青软教育集团 咨询热线：400-658-0166 400-658-1022<br/>
            <img src="images/foot_pic.jpg"></td>
    </tr>
</table>
<!--底部 end-->
</body>
</html>